<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : rt_300_01E.jsp
    Description : 글로벌 사회공헌 (영문)
    author Ki Min
    since 2012. 8. 13.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 8. 13.     Ki Min     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/co/us/include/declare.jspf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Worldwide CSR Projects &#124; HMC CSR</title>
<meta name="description" content="Here you will learn about some of HMC’s core global CSR campaigns for moving the world together." />
<meta name="keywords" content="HMC CSR, Looking for Three-Leafed Clovers Worldwide, Global Blue Santa Campaign, Global White Band Campaign, Global Blood Donation Drive" />
<%@ include file="/WEB-INF/jsp/co/us/include/header.jspf" %>
<link rel="stylesheet" type="text/css" href="/css/usr/eng.css" media="screen" />
<script type="text/javascript">
    function fe_viewMap(imgNm){
        $(".actGlobal img").attr("src", "/img/usr/eng/srt/globalVolun_map_" + imgNm + ".gif");
    }
</script>
</head>
<body>
<div id="wrap">
    <!-- top -->
    <%@ include file="/WEB-INF/jsp/co/us/include/topE.jsp" %>
    <!-- top -->
    <!-- container -->
    <div id="container">
        <div id="contentsWrap">
            <div id="contentsArea">
                <div class="headingArea">
                    <h2>WORLDWIDE CSR PROJECTS</h2>
                </div>
                <div id="contetns" class="globalVolun">
                    <div class="location">
                        <a href="/ma_100_01.do">Home</a>
                        <a href="/rt_200_01.do">Social Responsibility</a>
                        <span>Worldwide CSR Projects</span>
                    </div>

                    <h3>1. Global Campaigns for Moving the World Together</h3>
                    <ul class="campaignList">
                        <li class="clover">
                            <dl>
                                <dt>Looking for Three-Leafed Clovers Worldwide</dt>
                                <dd>Children of car accident victims will learn to overcome their sorrow and find new hopes by having their wishes fulfilled.</dd>
                            </dl>
                        </li>
                        <li class="whiteband">
                            <dl>
                                <dt>Global White Band Campaign</dt>
                                <dd>All members and employees of Hyundai Motor around the world pull their resources and strength together to help eradicate poverty and suffering.</dd>
                            </dl>
                        </li>
                        <li class="bluesanta">
                            <dl>
                                <dt>Blue Santa Campaign Worldwide</dt>
                                <dd>The Blue Santas, with broad smiles on their faces and gifts of hope and joy in their arms, light up and add warmth to the Christmases of many people around the world.</dd>
                            </dl>
                        </li>
                        <li class="blood">
                            <dl>
                                <dt>Blood Drive Worldwide</dt>
                                <dd>Employees at various locations of HMC operation volunteer to donate their blood out of passion for saving lives.</dd>
                            </dl>
                        </li>
                    </ul>

                    <h3>2. Worldwide Campaigns</h3>
                    <div class="actGlobal">
                        <img src="/img/usr/eng/srt/globalVolun_map_default.gif" alt="Worldwide Campaigns" usemap="#actGlobalMap" />
                        <map name="actGlobalMap" id="actGlobalMap" title="Please click the icon.">
                            <area shape="rect" coords="233,85,389,102" href="javascript:fe_viewMap('01');" alt="Looking for Three-Leafed Clovers Worldwide" />
                            <area shape="rect" coords="233,108,367,125" href="javascript:fe_viewMap('02');" alt="Blue Santa Campaign Worldwide" />
                            <area shape="rect" coords="407,85,551,102" href="javascript:fe_viewMap('03');" alt="Global White Band Campaign" />
                            <area shape="rect" coords="407,108,520,125" href="javascript:fe_viewMap('04');" alt="Blood Drive Worldwide" />
                        </map>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- /container -->
    <!-- footer -->
    <%@ include file="/WEB-INF/jsp/co/us/include/bottomE.jsp" %>
    <!-- /footer -->
</div>
</body>
</html>